<template name="exploreChannelCard">
  <div class="card-custom-col card-field">
    <div class="card card-shadow{{#if channel.theme}} card-{{channel.theme}}{{else}} card-default{{/if}}">
      <div class="card-img-field">
        <img class="card-img-top" src="{{channel.cover}}">
      </div>
      <div class="card-body">
        <h6 class="card-title">{{channel.name}}</h6>
        <h6 class="card-subtitle mb-3 text-muted">{{channel.channelId}}</h6>
        {{#if isOwnerOrJoined}}
          <button type="button" class="btn btn-primary open-channel-button">进入频道</button>
        {{else}}
          <button type="button" class="btn btn-primary join-channel-button">加入</button>
        {{/if}}
      </div>
    </div>
  </div>
</template>